<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #box {
            width: 200px;
            height: 200px;
            background-color: #56a5f1;
        }
    </style>
</head>
<body>
  <div id="box"></div>
  <script>
    box.ontouchstart = function (e) {
      console.log(111, e);
      var str = '';
      for (var i = 0; i < e.touches.length; i++) {
        str += '<br>第' + (i + 1) + '跟手指得id' + e.touches[i].identifier;
        str += '<br>第' + (i + 1) + '跟手指得pageX' + e.touches[i].pageX;
      }
      str += '<br>------------------------------------';
      for (var j = 0; j < e.changedTouches.length; j++) {
        str += '<br>第' + (j + 1) + '跟手指得id' + e.changedTouches[j].identifier;
        str += '<br>第' + (j + 1) + '跟手指得pageX' + e.changedTouches[j].pageX;
      }
      str += '<br>------------------------------------';
      for (var m = 0; m < e.targetTouches.length; m++) {
        str += '<br>第' + (m + 1) + '跟手指得id' + e.targetTouches[m].identifier;
        str += '<br>第' + (m + 1) + '跟手指得pageX' + e.targetTouches[m].pageX;
      }
      box.innerHTML = str;
    }
  </script>
</body>
</html>